<template>
<a href="test.html" v-on:click.prevent>阻止默认行为</a>
<div v-on:click.capture="show('I am you father ')">

    <button v-on:click="show(' I am you son ')">事件冒泡</button>
    
    <button v-on:click.stop="show(' I am you son ')">阻止事件冒泡 </button>
</div>




<!-- 事件捕获 -->
<button v-on:click="show('事件捕获')">事件捕获</button>

<button v-on:click.once="show('单击事件只执行一次')">只执行一次</button>

</template>



<script setup>
let show = message => console.log(message);
</script>
